﻿@using KMF.Common
@using KMF.WebUI.Areas.KMFadmin.Models
@using KMF.WebUI.Areas.KMFadmin.CustomHelpers
@model ProductDto
@{
    ViewBag.Title = "Thêm sản phẩm mới";
    Layout = "~/Areas/KMFadmin/Views/Shared/_layout.cshtml";
}
<link href="~/Areas/KMFadmin/Content/css/browerImage.css" rel="stylesheet" />
<link href="~/Areas/KMFadmin/Scripts/jQueryDatePicker/css/ui-lightness/jquery-ui-1.10.1.custom.min.css" rel="stylesheet" />
@section LeftMenu
{
    <div id="left">
        <div class="LeftMenuWraper">
            <div class="leftMenuHeader">
                <span style="padding-left: 10px;">
                    <strong>Truy cập nhanh</strong>
                </span>
            </div>
            <ul id="p-quick-menu" class="quick-menu">
                <li class="qmn-info-pro">Thông tin sản phẩm</li>
                <li class="qmn-seo-pro">Thông tin cho SEO</li>
                <li>Đặc tính chung</li>
                <li>Khuyến mại</li>
                <li>Quà tặng</li>
            </ul>
            <div class="leftMenuFooter"></div>
        </div>
    </div>
    <!-- END #left -->
}

<nav>
    <div id="jCrumbs" class="breadCrumb module">
        <ul>
            <li><a href="@Url.Action("Index", "AdminHome")"><i class="bootstrap icon-home"></i></a></li>
            <li><a href="javascript:void(0)">Sản phẩm</a> </li>
            <li><a href="@Url.Action("Add", "AdminProduct")">Thêm sản phẩm</a> </li>
        </ul>
    </div>
</nav>

<div class="toolBox">
    @Html.ToolBox(new List<object> { new Add { ClassCss = "Add", ActionName = "Javascript:void(0)" }, new Back { ClassCss = "Back", ActionName = @Url.Action("Index", "AdminProduct") } })
</div>

@using (Html.BeginForm("Add", "AdminProduct", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <div class="box-Info">
        <div class="Info-header">
            <span>Thêm mới sản phẩm </span>
        </div>

        <div class="Info-body ib-infopro">
            <div>@Html.ValidationMessage("ErrorSummary")</div>
            <fieldset class="specBox">
                <legend>Cấu hình:</legend>
                <div class="specItem">
                    <span>Còn hàng trong kho: </span>
                    @Html.RadioButtonFor(m => m.StockStatus, true, new { @checked = "checked" }) Còn hàng
                    @Html.RadioButtonFor(m => m.StockStatus, false) Hết hàng
                </div>
                <div class="specItem">
                    <span>Trạng thái sản phẩm</span>
                    @Html.DropDownListFor(m => m.ProductStatus, new SelectList((List<object>)ViewBag.ProductStatusList, "ItemValue", "ItemText"))
                </div>
                <div class="specItem">
                    <span>
                        Được hiển thị
                    </span>
                    @Html.CheckBoxFor(m => m.Show, new { @Checked = "checked", @title = "Sản phẩm này có được xuất hiện trên toàn bộ website hay không" })
                </div>
            </fieldset>
            <table cellpadding="0" cellspacing="0" width="100%" border="0" class="table-info">
                <tr>
                    <td class="tInfoLeft">Tên sản phẩm
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.Name)
                        @Html.ValidationMessageFor(m => m.Name)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Barcode
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.Barcode, new { @class = "cssInputWidthSmall" })
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Ảnh sản phẩm
                    </td>
                    <td class="tInfoRight">
                        <input type="file" name="imageFile" />
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Thuộc danh mục
                    </td>
                    <td class="tInfoRight">
                        @Html.DropDownListFor(m => m.CategoryId, new SelectList((List<ProductCategoryDto>)ViewBag.MenuList, "Id", "Name"))
                        @Html.ValidationMessageFor(m => m.CategoryId)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Thuộc nhà cung cấp, hãng
                    </td>
                    <td class="tInfoRight">
                        @Html.DropDownListFor(m => m.ProviderId, new SelectList((List<ProviderDto>)ViewBag.ProviderList, "Id", "Name"))
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Mô tả ngắn
                    </td>
                    <td class="tInfoRight">
                        @Html.TextAreaFor(m => m.Summary, new { @class = "cssAreaHeight" })
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Giá sản phẩm
                    </td>
                    <td class="tInfoRight">
                        <input type="text" id="markPrice" class="cssInputWidthSmall" />
                        @Html.HiddenFor(m => m.Price)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Thông tin chi tiết
                    </td>
                    <td class="tInfoRight">
                        <textarea class="ckeditor" rows="10" cols="60" id="editor1" name="Description"></textarea>
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Tags
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBox("ProductTags")
                    </td>
                </tr>
                @*<tr>
                    <td class="tInfoLeft">Còn hàng trong kho
                    </td>
                    <td>
                        @Html.RadioButtonFor(m => m.StockStatus, true, new { @Checked = "checked" }) <span>Còn hàng</span>
                        @Html.RadioButtonFor(m => m.StockStatus, false) <span>Hết hàng</span>
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Trạng thái sản phẩm
                    </td>
                    <td class="tInfoRight">
                        @Html.DropDownListFor(m => m.ProductStatus, new SelectList((List<object>)ViewBag.ProductStatusList, "ItemValue", "ItemText"))
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Được hiển thị
                    </td>
                    <td class="tInfoRight">
                        @Html.CheckBoxFor(m => m.Show)
                    </td>
                </tr>*@
            </table>

        </div>
    </div>

    <div class="box-Info" style="display: none;">
        <div class="Info-header">
            <span>Thông tin SEO </span>
        </div>
        <div class="Info-body ib-infoseo">
            <table cellpadding="0" cellspacing="0" width="100%" border="0" class="table-info">
                <tr>
                    <td class="tInfoLeft">Meta Title
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.MetaTitle, new { @onkeyup = "countTextAreaChar(this, 70,'countNewsMetaTitle')" })<br />
                        <input readonly="readonly" class="cssInputHidden" type="text" name="countNewsMetaTitle" size="3" maxlength="3" style="width: 53px; height: 23px; margin: 0px; padding: 0px 0px 0px 10px;" value="0">
                        ký tự. Hầu hết các công cụ tìm kiếm sử dụng tối đa <span style="color: red;">70</span> ký tự cho tiêu đề
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Meta Description
                    </td>
                    <td class="tInfoRight">
                        @Html.TextAreaFor(m => m.MetaDescription, new {@class = "cssAreaHeight", @onkeyup = "countTextAreaChar(this, 160,'countNewsMetaDesc')" })
                        <br />
                        <input readonly="readonly" class="cssInputHidden" type="text" name="countNewsMetaDesc" size="3" maxlength="3" style="width: 53px; height: 23px; margin: 0px; padding: 0px 0px 0px 10px;" value="0">
                        ký tự. Hầu hết các công cụ tìm kiếm sử dụng tối đa <span style="color: red;">160</span> ký tự cho các mô tả
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Meta Keyword
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.MetaKeyword)
                    </td>
                </tr>
            </table>
        </div>
    </div>
    
    <div class="box-Info" style="display: none;">
        <div class="Info-header">
            <span>Đặc tính chung </span>
        </div>
        <div class="Info-body ib-infoseo">
            <table cellpadding="0" cellspacing="0" width="100%" border="0" class="table-info">
                <tr>
                    <td class="tInfoLeft">Thông tin thứ 1
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.CustomInfoFirst)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Thông tin thứ 2
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.CustomInfoSecond)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Thông tin thứ 3
                    </td>
                    <td class="tInfoRight">
                        @Html.TextAreaFor(m => m.CustomInfoThird)
                    </td>
                </tr>
            </table>
        </div>
    </div>
    
    <div class="box-Info" style="display: none;">
        <div class="Info-header">
            <span>Khuyến mại</span>
        </div>
        <div class="Info-body ib-infoseo">
            <table class="table-odd table-plist">
                <colgroup>
                    <col style="width: 30px" />
                    <col style="width: 300px" />
                    <col />
                    <col />
                    <col />
                    <col />
                    <col />
                    <col />
                </colgroup>
                <tr>
                    <th scope="col"></th>
                    <th scope="col">Tên chiến dịch</th>
                    <th scope="col">Sử dụng %</th>
                    <th scope="col">% chiết khấu</th>
                    <th scope="col">Số tiền chiết khấu</th>
                    <th scope="col">Ngày bắt đầu</th>
                    <th scope="col">Ngày kết thúc</th>
                    <th scope="col"></th>
                </tr>
                @foreach (var item in (List<DiscountDto>)ViewBag.DiscountList)
                {
                    <tr class="@string.Format("bn-{0}", item.DiscountId)">
                        <td>
                            <input type="radio" name="DiscountId" value="@item.DiscountId"/>
                        </td>
                        <td>
                            @item.Name
                        </td>
                        <td>
                            <input type="checkbox" name="UsePercent" @string.Format("{0}", item.UsePercentage ? "checked" : "")/>
                        </td>
                        <td>
                            @item.DiscountPercentage.ToString("#,###")
                        </td>
                        <td>
                            @item.DiscountAmount.ToString("#,###")
                        </td>
                        <td>
                            @item.StartDate.ToString("dd/MM/yyyy")
                        </td>
                        <td>
                            @item.EndDate.ToString("dd/MM/yyyy")
                        </td>
                        <td>
                            <a href="@Url.Action("EditDiscount", "AdminDiscount", new { id = item.DiscountId })" title="chỉnh sửa" class="icon-edit-v2 fl-l bootstrapTangoSmall"></a>
                        </td>
                    </tr>
                }
            </table>
        </div>
    </div>
    
    <div class="box-Info" style="display: none;">
        <div class="Info-header">
            <span>Quà tặng</span>
        </div>
        <div class="Info-body ib-infoseo">
            <table class="table-odd table-plist">
                <colgroup>
                    <col style="width: 30px" />
                    <col style="width: 300px" />

                    <col />
                    <col />
                    <col />
                    <col />
                </colgroup>
                <tr>
                    <th scope="col">STT</th>
                    <th scope="col">Tên chiến dịch Gift</th>

                    <th scope="col">Mô tả</th>
                    <th scope="col">Ngày bắt đầu</th>
                    <th scope="col">Ngày kết thúc</th>
                    <th scope="col"></th>
                </tr>
                @foreach (var item in (List<GiftDto>)ViewBag.GiftList)
                {
                    <tr class="@string.Format("bn-{0}", item.GiftId)">
                        <td>
                            <input type="radio" name="GiftId" value="@item.GiftId"/>
                        </td>
                        <td>
                            @item.Name
                        </td>
                        <td>
                            @item.Description
                        </td>
                        <td>
                            @item.StartDate.ToString("dd/MM/yy")
                        </td>
                        <td>
                            @item.EndDate.ToString("dd/MM/yy")
                        </td>
                        <td>
                            <a href="@Url.Action("EditGift", "AdminGift", new { id = item.GiftId })" title="chỉnh sửa" class="icon-edit-v2 fl-l bootstrapTangoSmall"></a>
                        </td>
                    </tr>
                }
            </table>
        </div>
    </div>
}

@section scripts
{
    <script src="@Url.Content("~/Areas/KMFadmin/Scripts/jquery.validate.min.js")"></script>
    <script src="@Url.Content("~/Areas/KMFadmin/Scripts/jquery.validate.unobtrusive.min.js")"></script>
    <script src="@Url.Content("~/Areas/KMFadmin/Scripts/WYSIWYG/ckeditor/ckeditor.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Areas/KMFadmin/Scripts/WYSIWYG/ckfinder/ckfinder.js")" type="text/javascript"></script>
    <script type="text/javascript">
        var editor = CKEDITOR.replace('editor1');
        CKFinder.setupCKEditor(editor, '/Areas/KMFadmin/Scripts/WYSIWYG/ckfinder/');
    </script>
    <script src="@Url.Content("~/Areas/KMFadmin/Scripts/jQueryDatePicker/js/jquery-ui-1.10.1.custom.min.js")"></script>
    <script>
        // button submit
        $('ul li.Add a').click(function () {
            var strPrice = $('#markPrice').val();
            $('#Price').val(RemoveSpecialCharacter(strPrice));
            $('form').submit();
        });

        // Digits
        toSplitNumberByComma($('#markPrice'));
    </script>

}
